<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.prime.com.tr/ui">
    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <link href="#{facesContext.externalContext.requestContextPath}/resources/css/bluesky/skin.css" rel="stylesheet" type="text/css"/>
        <link href="#{facesContext.externalContext.requestContextPath}/resources/css/nemesis.css" rel="stylesheet" type="text/css" />
        <title>Nemesis</title>
    </h:head>
    <h:body>


        <div id="topo">

            
            <ui:insert name="topo">
                <h:graphicImage value="#{resource['img:nemesis.png']}"/>
                <h:form>
                    <p:menubar>
                        <p:submenu label="Caso de Uso">
                            <p:menuitem value="Manter Bairro" url="/bairro/listar.nms"/>
                            <p:menuitem value="Manter Cidade" url="/cidade/listar.nms"/>
                            <p:menuitem value="Manter Cliente" url="/cliente/listar.nms"/>
                            <p:menuitem value="Manter Usuario" url="/usuario/listar.nms"/>
                            <p:menuitem value="Logout" ajax="false" action="#{login.logout}"/>
                        </p:submenu>                        
                    </p:menubar>
                </h:form>
                <p:messages/>
            </ui:insert>
            
        </div>



        <div>

            <div id="esquerda">
                <ui:insert name="left">
                    <h:form>
                        <p:menu style="width:150px">
                            <p:submenu label="Caso de Uso">
                                <p:menuitem value="Manter Bairro" url="/bairro/listar.nms"/>
                                <p:menuitem value="Manter Cidade" url="/cidade/listar.nms"/>
                                <p:menuitem value="Manter Cliente" url="/cliente/listar.nms"/>
                                <p:menuitem value="Manter Usuário" url="/usuario/listar.nms"/>
                            </p:submenu>
                        </p:menu>
                    </h:form>
                </ui:insert>
            </div>

            <div id="content" class="lado_esquerdo">                
                <p:panel style="height: 350px;">
                    <h2><ui:insert name="titulo"/></h2><hr/>
                    <ui:insert name="corpo"/>
                </p:panel>
            </div>

        </div>





        <div id="rodape">

            <ui:insert name="rodape">
                <p:dock position="top">
                    <p:menuitem value="Bairro" icon="#{resource['img:menu_bairro.png']}" url="/bairro/listar.nms"/>
                    <p:menuitem value="Cidade" icon="#{resource['img:menu_cidade.png']}" url="/cidade/listar.nms"/>
                    <p:menuitem value="Cliente" icon="#{resource['img:menu_cliente.png']}" url="/cliente/listar.nms"/>
                    <p:menuitem value="Usuario" icon="#{resource['img:menu_usuario.png']}" url="/usuario/listar.nms"/>
                    <p:menuitem value="Logout" icon="#{resource['img:menu_logout.png']}" url="/login.nms" ajax="false" action="#{login.logout}"/>
                </p:dock>
            </ui:insert>
            
        </div>


    </h:body>
</html>